@import "@/assets/scss/base.scss";
.TopNav{
    width: 100%;
    margin-bottom: 2px;
    position: relative;
    .TopNav_top {
        line-height: 40px;
        display: flex;
        justify-content: space-between;
        .t-t-left {
            span {
                margin-left: 48px;
            }
        }
        .t-t-right {
            display: flex;
            a {
                position: relative;
                .img {
                    display: inline-block;
                    img {
                        width: 16px;
                        height: 16px;
                    }
                }
                .num {
                    display: inline-block;
                    position: absolute;
                    top: 0px;
                    right: -16px;
                    line-height: 16px;
                    // padding: 0;
                    // margin: 0;
                    width: 16px;
                    height: 16px;
                    color: white;
                    background-color: #1890ff;
                    border-radius: 50%;
                }
            }
            span {
                margin: 0 12px;
            }
        }
    }
    .TopNav_bottom {
        background-color: white;
        .container {
            display: flex;
            justify-content: space-between;
            .t_b_Left {
                font-size: 14px;
                display: flex;
                .logo {
                    margin-right: 42px;
                    display: flex;
                    align-items: center;
                    img {
                        width: 42px;
                        height: 24px;
                    }
                    span {
                        font-size: 18px;
                        margin-left: 8px;
                    }
                }
                ul { 
                    display: flex;
                    margin: 0;
                    li {
                        line-height: 63px;
                        padding: 0 18px;
                        // box-sizing: content-box;
                        // :hover {
                        //     border-bottom: 2px solid skyblue;
                        // }
                    }
                }
            }
            .t_b_right {
                .search {
                    height: 63px;
                    display: flex;
                    align-items: center;
                    .input {
                        // height: 63px;
                        input {
                            width: 266px;
                            height: 48px;
                            box-sizing: border-box;
                            padding: 12px 16px;
                            border: 0;
                        }
                        :focus {
                            border-bottom: 2px solid skyblue;
                        }

                    }
                    .img {
                        width: 48px;
                        height: 48px;
                        display: flex;
                        align-items: center;
                        img {
                            margin: 0 auto;
                        }
                    }
                }
                    
            }
        }
        
    }
}